<template>
	<view class="itemWrap">
		<!-- <view class="itemTopWrap">
			<text>数据展示</text>
		</view> -->
		<view class="itemCenter">
			<view class="cleft">

				<view class="fooWrap">
					<view class="fooLabel">
						<text class="fooName">店铺收益</text>
					</view>
					<view>
						<text class="fooValue">{{ props.data.shopAmount}}</text>
					</view>
				</view>
				<view class="fooWrap">
					<view class="fooLabel">
						<text class="fooName">墙墙收益</text>
					</view>
					<view>
						<text class="fooValue">{{ props.data.rewardAmount}}</text>
					</view>
				</view>
				<view class="fooWrap">
					<view class="fooLabel">
						<text class="fooName">积分分红</text>
					</view>
					<view>
						<text class="fooValue">{{ props.data.scoreAmount}}</text>
					</view>
				</view>
				
				<view class="fooWrap">
					<view class="fooLabel">
						<text class="fooName">人力收益</text>
					</view>
					<view>
						<text class="fooValue">{{ props.data.workAmount}}</text>
					</view>
				</view>


			</view>
			
		</view>
		
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import NavBar from '@/components/navBar.vue';
	
	const props = defineProps({
		itemData:{
			type:Number
		},
		data:{
			type:Object
		}
	})
	
	const num = ref("")
	num.value = props.itemData
	
	
	
	


</script>

<style lang="scss" scoped>
	.itemWrap{
		padding:  0 24rpx;
		border-radius: 24rpx;
		
		.itemTopWrap{
			text{
				font-size: 32rpx;
				color: #262626;
			}
		}
		
	}
	
	
	.itemCenter{
		// display: flex;
		// justify-content: center;
		padding: 24rpx  0 16rpx 0;
		
		.gooName{
			font-size: 64rpx;
			color: #262626;
			font-weight: bold;
		}
		
		.gooPrice{
			font-size: 32rpx;
			color: #8C8C8C;
		}
		
		.cbot{
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		
		.dock{
			width:16rpx;
			height:16rpx;
			border-radius: 16rpx;
			background: #4C8DFF;
			margin-right: 12rpx;
		}
	}


	.fooWrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 32rpx;
		height: 102rpx;
		background: #EFF6FF;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		padding: 0 24rpx;
	}

	.fooLabel{
		// padding: 12rpx 24rpx;
		// background-color: #BDA592;
		// border-radius: 8rpx;
		// margin-right: 100rpx;
	}

	.fooName{
		height: 48rpx;
		font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
		font-weight: normal;
		font-size: 32rpx;
		color: #262626;
		line-height: 48rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.fooValue{
		font-size: 42rpx;
		font-weight: bold;
	}
	
	
</style>